---
title: Conteúdo Educacional da Comunidade
description: Descubra tutoriais, guias, artigos e vídeos produzidos pela comunidade para ajudar você a aprender e contruir com Astro!
i18nReady: true
---

import Badge from '~/components/Badge.astro';

Existe muito mais conteúdo lá fora que pode ajudar você a aprender e construir com Astro! Aqui estão alguns conteúdos educacionais construidos e mantidos pela comunidade do Astro.

Todos os links são externos, e podem ser baseados em versões anteriores do Astro. Confira a data em qualquer conteúdo da comunidade, e adapte de acordo com seu projeto.

Para mais conteúdo educacional do Astro, confira [o Blog do Astro](https://astro.build/blog/) ou assine [a newsletter oficial do Astro](https://astro.build/newsletter/signup) onde nós trazemos o melhor conteúdo da comunidade de cada mês.

:::note[Nota dos tradutores]
Apesar das descrições abaixo estarem traduzidas, o conteúdo dos links é em Inglês.
:::

## Cursos e Tutoriais

Cursos e tutoriais são focados em ensinar você novos conceitos, geralmente com exercícios ou projetos de exemplo para construir. São ótimas maneiras de aprender novos conceitos e fornecer as ferramentas necessárias para trabalhar com Astro em seu projeto.

Confira os seguintes cursos e tutoriais para aprender mais sobre Astro.

### Tutoriais Introdutórios
  - [Curso intensivo sobre o framework web Astro](https://www.youtube.com/watch?v=e-hTm5VmofI) por freeCodeCamp
  - [Curso intensivo sobre Astro em 20 minutos](https://www.youtube.com/watch?v=zrPVTf761OI) por Chris Pennington (curso completo pago: [Aprenda Astro](https://learnastro.dev/))
  - [Curso intensivo sobre Astro 3.0](https://www.youtube.com/watch?v=qBOz6TpYAOg) por James Q Quick (curso completo pago: [Construa Sites modernos com Astro](https://astrocourse.dev/))
  - [Curso intenssivo sobre Astro em 60 minutos](https://www.youtube.com/watch?v=NniT0vKyn-E) por @developedbyed
  - [Entendendo Astro (ebook)](https://www.ohansemmanuel.com/books/understanding-astro) por Ohans Emmanuel
  - [O Vale do Código - Astro](https://thevalleyofcode.com/astro) por Flavio Copes

### Tutoriais em Vídeo
  - [Curso rápido sobre Astro: Crie um blog com SSR](https://www.youtube.com/watch?v=XoIHKO6AkoM)
  - [Como eu criei uma aplicação de filmes com Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w)
  - [Você pode AINDA não ter entendido coleções de conteúdo…](https://www.youtube.com/watch?v=Fcw4c3wzm7I)
  - [Construa uma plataforma customizada de blog com Astro e Appwrite](https://www.youtube.com/watch?v=OERqwLy_reA)
  - [Curso intensivo sobre Astro - Criando um portfólio](https://www.youtube.com/watch?v=TwWvNK0yHjI)
  - [Criando um blog full stack com Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec)

## Receitas e Guias

Veja exemplos guiados de como adicionar funcionalidades no seu projeto Astro, enviados por pessoas da nossa comunidade! 

[Receitas](/pt-br/recipes/) são tipicamente curtas, focadas em guias passo a passo que te conduzem por meio da conclusão de um exemplo prático de uma tarefa específica. Receitas são uma excelente maneira de adicionar funcionalidades ou comportamentos ao seu projeto Astro seguindo instruções passo a passo! 

Outros guias podem explicar conceitos relacionados a uma área de conteúdo, como por exemplo usar imagens ou trabalhar com MDX.

:::tip[Adicione a sua!]
Escreveu uma receita para o Astro? [Edite essa página](https://github.com/withastro/docs/edit/main/src/content/docs/en/community-resources/content.mdx) e adicione seu link na seção apropriada!
:::

### CSS
- [Use UnoCSS no Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/)
- [Adicione modo escuro ao Astro com Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/)
### Autenticação
- [Adicione OAuth do Github com Lucia](https://lucia-auth.com/tutorials/github-oauth/astro)
- [Adicione autenticação com nome e senha com Lucia](https://lucia-auth.com/tutorials/username-and-password/astro)
### RSS
- [Use um nome de arquivo dinâmico ao importar imagens](https://vaihe.com/blog/astro/astro-dynamic-image-prop/)
- [Adicione um feed RSS ao Astro usando stories do Storyblok](https://straffesites.com/en/blog/rss-feed-astro-storyblok)
- [Como enviar qualquer dado para o seu feed RSS? Um guia com Astro + RSS](https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/)
### Imagens
- [Adicione imagens de postagens ao seu feed RSS do Astro](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/)
- [Gerando imagens Open Graph para um blog com Astro](https://techsquidtv.com/blog/generating-open-graph-images-for-astro/)
### Ferramentas e Editores
- [Consiga o VSCode, ESLint e Prettier funcionando com Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode)
- [Integre Prettier com Astro e Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss)
### Markdown
- [Construa um índice a partir de títulos Markdown do Astro](https://kld.dev/building-table-of-contents/)
- [Crie um plugin Remark para remover viúvas/órfãs dos seus arquivos Markdown](https://eatmon.co/blog/remove-runts-markdown/)
- [Configurando Páginas de Rascunho de Forma Eficiente no Astro com Autoria de Conteúdo Orientada por Configuração](https://akashrajpurohit.com/blog/set-up-draft-pages-effectively-in-astro-with-configdriven-content-authoring/)
### Performance
- [Melhore suas builds do Astro: modificando arquivos HTML após a build](https://straffesites.com/en/blog/optimize-astro-html-post-build)
- [Configurando micro-frontends com Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520)
### Utilitários
- [Usando tRPC no Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react)
- [Integrando Sentry com Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/)
- [Gere sitemaps localizados para seu projeto com Astro e Storyblok](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok)
- [Adicione pesquisa ao seu site com Pagefind](https://blog.otterlord.dev/post/astro-search/)
- [Como adicionar pesquisa ao seu site com Fuse.js](https://www.youtube.com/watch?v=XnV_2MWqAhQ)
- [Adicione seção de comentários ao seu blog com Astro usando Giscus](https://elazizi.com/posts/add-comments-section-to-your-astro-blog/)
### Internacionalização e Localização
- [Como fazer seu website Astro multilíngue com Crowdin: Guia de Localização no Astro](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n)
- [Traduza rotas no Astro para coleções de conteúdo e subpáginas](https://www.webdesign-sopelnik.de/en/blog/translate-routes-for-astro-content-collections-or-subpages-with-trailingslash-and-base-support/)
### Astro DB
- [Criando um Livro de visitas com Astro DB](https://ryantrimble.com/blog/creating-a-guestbook-with-astro-db/)
- [Como criar um Contador de Visualizações com Astro DB](https://www.vorillaz.com/astro-views)
